<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="utf-8">
	<title>Welcome to Throwbook</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Le styles -->
	<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../assets/h-app/css/h-application.css" rel="stylesheet">
	<link href="../assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Le fav and touch icons -->
	<link rel="shortcut icon" href="../assets/bootstrap/ico/favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/bootstrap/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/bootstrap/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="../assets/bootstrap/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

	<div class="navbar navbar-fixed-top">
	  <div class="navbar-inner">
		<div class="container">
		  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		  </a>
		  <a class="brand" href="#">Throwbook</a>
		  <div class="nav-collapse">
			<ul class="nav">
			  <li><a href="textbook.html">Text Books</a></li>
			  <li><a href="job.html">Jobs</a></li>
			  <li><a href="classmate.html">Classmate</a></li>
			  <!--li class="dropdown">
				  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
				  <ul class="dropdown-menu">
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
					<li><a href="#">Something else here</a></li>
					<li class="divider"></li>
					<li class="nav-header">Nav header</li>
					<li><a href="#">Separated link</a></li>
					<li><a href="#">One more separated link</a></li>
				  </ul-->
			  </li>
			  <form class="navbar-search pull-left" action="">
				<input type="text" class="search-query span2" placeholder="Search Book">
			  </form>
			</ul>
			<ul class="nav pull-right">
			<li class="active"><a href="profile.html">Profile</a></li>
			<li class="divider-vertical"></li>
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account <b class="caret"></b></a>
			  <ul class="dropdown-menu">
				<li><a href="#">Account settings</a></li>
				<li><a href="#">Logout</a></li>
				<li class="divider"></li>
				<li><a href="#">Help</a></li>
			  </ul>
			</li>
		  </ul>
		  </div><!--/.nav-collapse -->
		</div>
	  </div>
	</div>

	<div class="container">
		
		<div class="row">
			<div class="span3">
				<div class="well h-profile-sidebar">
					<h2 class="h-name">Thanh Huy</h2>
					<div class="h-avatar">
						<img class="thumbnail" src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/419900_323947424330532_100001458319797_925510_1630988378_n.jpg" />
					</div>
					<div>
						<ul>
							<li>University: <a href="#">Lorem ipsum lolor</a></li>
							<li>Birthday: <a href="#">March 26, 2012</a></li>
							<li>Date join: <a href="#">March 26, 2012</a></li>
							<li>Sex: <a href="#">Male</a></li>
						</ul>
					</div>
					<div class="h-friends">
						<h3>Friends (30)</h3>
						<ul>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" /></li>
							<li><img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" /></li>
						</ul>
						<a href="#">Show all</a>
					</div>
				</div>
			</div>
			
			<div class="span4">
				<div class="h-profile-right">
					<div>
						<h3>Courses you are taking</h3>
						<ul>
							<li><a href="#">Lorem ipsum lolor</a></li>
							<li><a href="#">Lorem ipsum lolor</a></li>
						</ul>
					</div>
					<div>
						<h3>Courses you have taken</h3>
						<ul>
							<li><a href="#">Lorem ipsum lolor</a></li>
							<li><a href="#">Lorem ipsum lolor</a></li>
							<li><a href="#">Lorem ipsum lolor</a></li>
							<li><a href="#">Lorem ipsum lolor</a></li>
						</ul>
					</div>
					<div>
						<h3>Recent Textbooks</h3>
						<ul class="h-textbook-sidebar">
							<li>
								<a href="#"><img class="thumbnail" src="http://postyourbook.com/UCLA/wp-content/uploads/2012/03/742770.jpg" /></a>
								<div class="h-float-right">
									<h4><a href="text_book_details.html">Leading teams setting the stage for great performances</a></h4>
									<p>March 27, 2012 7:08 am</p>
								</div>
							</li>
							<li>
								<a href="#"><img class="thumbnail" src="http://postyourbook.com/UCLA/wp-content/uploads/2012/03/216574-150x150.jpg" /></a>
								<div class="h-float-right">
									<h4><a href="text_book_details.html">Changing the U.S. Health Care System Key Issues in Health ...</a></h4>
									<p>March 27, 2012 7:08 am</p>
								</div>
							</li>
							<li>
								<a href="#"><img class="thumbnail" src="http://postyourbook.com/UCLA/wp-content/uploads/2012/03/529855-150x150.jpg" /></a>
								<div class="h-float-right">
									<h4><a href="text_book_details.html">Understanding the U.S. health services system</a></h4>
									<p>March 27, 2012 7:08 am</p>
								</div>
							</li>
							<li>
								<a href="#"><img class="thumbnail" src="http://postyourbook.com/UCLA/wp-content/uploads/2012/03/341871-150x150.jpg" /></a>
								<div class="h-float-right">
									<h4><a href="text_book_details.html">The Essential Cosmic Perspective (6th)</a></h4>
									<p>March 27, 2012 7:08 am</p>
								</div>
							</li>
							<li>
								<a href="#"><img class="thumbnail" src="http://postyourbook.com/UCLA/wp-content/uploads/2012/03/216574-150x150.jpg" /></a>
								<div class="h-float-right">
									<h4><a href="text_book_details.html">Changing the U.S. Health Care System Key Issues in Health ...</a></h4>
									<p>March 27, 2012 7:08 am</p>
								</div>
							</li>
							<li>
								<a href="#"><img class="thumbnail" src="http://postyourbook.com/UCLA/wp-content/uploads/2012/03/529855-150x150.jpg" /></a>
								<div class="h-float-right">
									<h4><a href="text_book_details.html">Understanding the U.S. health services system</a></h4>
									<p>March 27, 2012 7:08 am</p>
								</div>
							</li>
						</ul>
						<a href="#">Show all</a>
					</div>
				</div>
			</div>
			
			<div class="span5">
				<div class="h-wall">
					<legend>Thanh Huy's Wall</legend>
					<form class="well form-inline">
						<input type="text" class="span3" placeholder="What do you think?…">
						<button type="submit" class="btn">Post</button>
					</form>
					<div class="h-wall-status well">
						<div class="h-wall-item">
							<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
							<div class="h-wall-content">
								<p>
									<a href="#">Thanh Huy</a>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry.
								</p>
								<p><span>March 27, 2012 on 08:43 pm</span></p>
								<p>
									<a href="#">Like</a> -
									<a href="#">Comment</a> -
									<a href="#">Share</a>
								</p>
								
								<div class="h-comments">
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Peter</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Mary</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Zoro</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
										<div class="h-comment-content">
											<form>
												<input type="text" class="span2" placeholder="What do you think?…">
												<button type="submit" class="btn">Reply</button>
											</form>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						
						<div class="h-wall-item">
							<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
							<div class="h-wall-content">
								<p>
									<a href="#">Thanh Huy</a>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry.
								</p>
								<p><span>March 27, 2012 on 08:43 pm</span></p>
								<p>
									<a href="#">Like</a> -
									<a href="#">Comment</a> -
									<a href="#">Share</a>
								</p>
								
								<div class="h-comments">
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Peter</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Mary</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
										<div class="h-comment-content">
											<form>
												<input type="text" class="span2" placeholder="What do you think?…">
												<button type="submit" class="btn">Reply</button>
											</form>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						
						<div class="h-wall-item">
							<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" />
							<div class="h-wall-content">
								<p>
									<a href="#">Mary</a>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry.
								</p>
								<p><span>March 27, 2012 on 08:43 pm</span></p>
								<p>
									<a href="#">Like</a> -
									<a href="#">Comment</a> -
									<a href="#">Share</a>
								</p>
								
								<div class="h-comments">
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Peter</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Mary</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Zoro</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
										<div class="h-comment-content">
											<form>
												<input type="text" class="span2" placeholder="What do you think?…">
												<button type="submit" class="btn">Reply</button>
											</form>
										</div>
									</div>
								</div>
							
							</div>
						</div>
						
						<div class="h-wall-item">
							<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
							<div class="h-wall-content">
								<p>
									<a href="#">Thanh Huy</a>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry.
								</p>
								<p><span>March 27, 2012 on 08:43 pm</span></p>
								<p>
									<a href="#">Like</a> -
									<a href="#">Comment</a> -
									<a href="#">Share</a>
								</p>
							</div>
						</div>
						
						<div class="h-wall-item">
							<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
							<div class="h-wall-content">
								<p>
									<a href="#">Thanh Huy</a>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry.
								</p>
								<p><span>March 27, 2012 on 08:43 pm</span></p>
								<p>
									<a href="#">Like</a> -
									<a href="#">Comment</a> -
									<a href="#">Share</a>
								</p>
								
								<div class="h-comments">
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/161780_1349276703_1797579175_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Peter</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161971_217044665012598_2120112158_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Mary</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/371748_100000565668264_27607324_q.jpg" />
										<div class="h-comment-content">
											<p>
												<a href="#">Zoro</a>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											</p>
											<p><span>March 27, 2012 on 08:43 pm</span></p>
										</div>
									</div>
									<div class="h-comment-item">
										<img class="thumbnail" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161639_100001458319797_475073394_q.jpg" />
										<div class="h-comment-content">
											<form>
												<input type="text" class="span2" placeholder="What do you think?…">
												<button type="submit" class="btn">Reply</button>
											</form>
										</div>
									</div>
								</div>
							
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>

	  <hr>

	  <footer>
		<p>Copyright &copy; Company 2012 Throwbook.com. All rights reserved.</p>
	  </footer>

	</div> <!-- /container -->

	<!-- Le javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="../assets/h-app/js/jquery.js"></script>
	<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="../assets/h-app/js/h-application.js"></script>

  </body>
</html>

